<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>Elead SSO</title>
<link rel="stylesheet" href="./css/password.css" th:href="@{/css/password.css}">
<link rel="stylesheet" href="./css/progressIndicator.css" th:href="@{/css/progressIndicator.css}">
<link rel="stylesheet" href="./css/login.css" th:href="@{/css/login.css}">
<link rel="shortcut icon" href="./favicon.ico" th:href="@{/favicon.ico}">
<script src='https://cdn.bootcss.com/jquery/3.3.1/jquery.js'></script>
<script th:src='@{/js/password.js}'></script>
<script type="text/javascript">
 function handleEmail(o){
	 
	let value = o.value;
	if(value){
		value = value.replace("@e-lead.cn","");
	 	document.getElementById("email").value = o.value+'@e-lead.cn';
	}
 }
 
</script>
<style type="text/css">
.login-wrapper {
	width: 500px;
	height: 270px;
}

.content-right {
	width: 100%;
}

.right-form-wrapper {
	margin-top: 20px;
}
#AutoComplete{background:#fff;border:1px solid #4190db;display:none;width:200px;}
#AutoComplete ul{list-style-type:none;margin:0;padding:0;}
#AutoComplete li{color:#333;cursor:pointer;font:14px/24px \5b8b\4f53;text-indent:5px;}
#AutoComplete .hover{background:#6eb6fe;color:#fff;}
</style>
</head>
<body>
	<header class="header">
		<div class="logo">
			<img class="logo-img" src="./images/logo.png" th:src="@{/images/logo.png}" alt="">
		</div>
	</header>
	<div class="progress">
		<ul class="SteppedProgress">
			<li class="complete"><span>填写邮箱</span></li>
			<li class=""><span>验证身份</span></li>
			<li class=""><span>设置新密码</span></li>
			<li class=""><span>完成</span></li>
		</ul>
	</div>
	<div class="login-wrapper">
		<div class="content-right">
			<div class="right-header">
				<h1 class="right-header-h2">修改/密码找回</h1>
			</div>
			<div class="right-header">
				<span class="right-header-span">请通过输入工号/账号/邮箱重置你的帐号密码</span>
			</div>
			<div class="right-form-wrapper">
				<form method="POST" onsubmit="return handleSubmit()" th:action="${#request.contextPath}+'/modfiy/password'">
					<div class="username-wrapper">
						<input class="email username-input-default" type="text" name="email" id="email" value="" onchange="handleEmail(this)" autocomplete="off" placeholder="@e-lead.cn">
						<p id="email-error" class="username-error opacity1" th:text="${errorMsg}"></p>
					</div>
					<div class="submit-btn-wrapper">
						<button type="submit" onclick="handleSubmit()" class="submit-btn">重置密码</button>
					</div>
				</form>
			</div>
		</div>
	</div>
</body>
</html>


